<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title></title>
	<link rel="stylesheet" href="./css/my-shopping.css" />
    <link rel="stylesheet" href="./css/index.css" />
</head>
<body>
		     <!-- 顶部区域 -->

   <div id="top">
        
      <div class="top_top">
        <!-- 顶部区域左侧 -->
            <div class="top_city">
               <span class="l-city">切换城市：</span>
               <a href="" class="r-city">北京</a>
            </div>

             <div class="collection">
                  <a href="" class="sanjiaoxing"></a>
                <a href="" class="shoucang">收藏海尔商品</a>
           </div>
        <!-- 顶部区域右侧 -->
             <ul class="top_right">
                     <p>1528039158@qq.com </p> 
                     <p>嗨，欢迎来到海尔官方商城</p>
                   <a href="">退出</a>
               <li class="top_li_right">
                        <p>|</p>
                                         
                    <a href="" >我的订单</a><p> |</p>
                    <a href="" >服务中心</a><p> |</p>
                    <a href="" >互动社区</a><p> |</p>
                    <a href="" >海尔官网</a>
               </li>
             </ul>
      </div>
    </div>  

 <!-- 顶部灰色区域结束 -->
<div id="shopping">
<!-- 头部 -->
	 <div class="top-shop">
	 	<a href="" class="a-t-shop"><img src="./image/logo.png" alt="" /></a>
        <ul class="ul-shop"></ul>
             
	 </div>
<!-- 中间 -->
     <form action="" method="post">
     	  <div class="cheak">
     	  	 <h2>收货人信息</h2>
     	  	 <div class="b-cheak">
     	  	 	   <p class="p1">在北京 北京 大兴区中,还未存在您的收货信息,请填写新的收货信息</p>
     	  	 	   <div class="v2">
     	  	 	   	   <div class="v-v1">
     	  	 	   	       <span style="color:red">*</span> 收货人姓名：
     	  	 	   	   	   <input type="text" class="input"/>
     	  	 	   	   	   <span></span>
     	  	 	   	   </div>
     	  	 	   </div>


                    <div class="v2">
     	  	 	   	   <div class="v-v1">
     	  	 	   	       <span style="color:red">*</span>  收货人手机：
     	  	 	   	   	   <input type="text" />
     	  	 	   	   	   <span></span>
     	  	 	   	   	   <span></span>
     	  	 	   	   </div>
     	  	 	   </div>

                   <div class="v2 v4">
     	  	 	   	   <div class="v-v1">
     	  	 	   	       <span style="color:red">*</span>   详 细 地 址： 北京 北京 大兴区
     	  	 	   	   	   <input type="text" />
     	  	 	   	   	   <span>请输入详细地址，最多输入50个字符 </span>
     	  	 	   	   	   <span></span>
     	  	 	   	   </div>
     	  	 	   </div>

     	  	 </div>
     	  </div>
<!-- 配送相关 -->
   <div class="correlation">
       <h2 class="h21">配送相关</h2>
   	  <div class="corr1">
   	  	 <p class="p-s-f-s"><span style="color:red">*</span>配送方式：</p>
   	  	 <div class="b-z-p-s">

   	  	  	  <input type="radio" />
   	  	  	  标准配送 ：您订购的产品将于2014-07-04送达,请保证手机畅通。
   	  	 </div>

   	  	 <div class="y-y-p-s">
   	  	 	  <input type="radio" />
   	  	 	  预约配送：

   	  	 	  <select name="" id="select" >
   	  	 	         <option value="">s</option>
   	  	 	  </select>

   	  	 	  <select name="" id="select" >
   	  	 	         <option value="">s</option>
   	  	 	  </select>
   	  	 </div>
   	  </div>

   </div>
<!-- 商品 -->
   <table class="ta-shoppinglist" cellspacing="0" cellpadding="0"  border="1">

   	     <thead class="thead-t" >
   	    		 <tr>
   	    		 	 <th>商品</th>
   	    		 	 <th>价格</th>
   	    		 	 <th>数量</th>
   	    		 	 <th>优惠金额</th>
   	    		 	 <th>小计</th>
	    		 </tr>
   	     </thead>


   	     <tbody class="tbody-tb">
   	     	     <tr>
   	     	     	 <td class="td1" width="380px">
   	     	     	 	 <a href="" class="xa1"><img src="./image/012.png" alt="" /></a>
   	     	     	 	 <a href="" class="xa2">海尔冰箱BC-50ES </a>
   	     	     	 </td>
   	     	     	 <td> 	￥649</td>
   	     	     	 <td> 	1</td>
   	     	     	 <td>￥0</td>
   	     	     	 <td> 	￥649</td>
   	     	     </tr>
   	     </tbody>
         
         
   </table>
   <!-- 提交订单 -->
   <input type="submit" value="提交订单" class="t-j-d-d"/>
  </form>


</div>




<!-- 底部 -->

   <div id="at-the-bottom-of-the">
   	  <div class="at-the-bottom">
   	  	   购物流程 | 配送方式 | 付款方式 | 售后服务 | 投诉建议 | 友情链接 | 加入我们 | 海尔知识堂
   	  </div>
   </div>

   <div id="at-the-bottom-of-the">
   	  <div class="the-bottom">
   	  	   网站备案/许可证号：鲁ICP备09096283号
   	  </div>
   </div>
  <div id="at-the-bottom-of-the">
   	  <div class="bottom">
   	  	  Copyright©2000-2014 海尔集团电子商务有限公司 All Rights Reserved
   	  </div>
   </div>










</body>
</html>